/**
 * Created by chenqiming on 16/4/16.
 */
import React, {
    Dimensions,
    StyleSheet,
    Platform
} from 'react-native';

let {height, width} = Dimensions.get('window');

const styles = StyleSheet.create({
    containerIOS: {
        paddingTop: 20,
        flex: 1,
        backgroundColor: '#fff'
    },
    containerAndroid: {
        flex: 1,
        backgroundColor: '#fff'
    },
    head: {
        backgroundColor: '#fff'
    },
    searchBar: {
        height: 46,
        backgroundColor: '#e3e3e3'
    },
    search: {
        backgroundColor: '#f5f5f5',
        height: 30,
        borderColor: '#ccc',
        borderRadius: 5,
        borderWidth: 1,
        marginLeft: 17,
        marginRight: 17,
        marginTop: 7,
        paddingLeft: 5
    },
    rightRows: {
        flex: 1,
        position: 'absolute',
        top: height * 0.2,
        right: 0,
        flexDirection: 'column',
        backgroundColor: '#a0959595',
        borderRadius:10,
        paddingTop:5,
        paddingBottom:5
    },
    rightText: {
        padding: 0,
        fontSize: 11,
        width: 30,
        textAlign: 'center',
        color: '#555',
        paddingTop:10
    },
    listItem: {
        alignItems: 'center',
        marginLeft: 10,
        marginRight: 10,
        marginTop:10,
        marginBottom:10,
        flexDirection: 'row'
    },
    line: {
        height: 1,
        backgroundColor: '#eee',
        marginLeft: 10,
        marginRight: 30
    },
    searchImg: {
        width: 17,
        height: 17,
    },
    searchBtn: {
        position: 'absolute',
        top: 13,
        right: 24
    },
    img: {
        width: 48,
        height: 48,
        marginRight: 9
    },
    listTitle: {
        position: 'relative',
        top: -1,
        paddingLeft: 10,
        paddingTop: 3,
        paddingBottom: 3,
        backgroundColor: '#eee'
    },
    listTitleText: {
        fontSize: 12,
        color: '#777'
    },
    searchBarContainer:{
        flexDirection:'row',
        height: Platform.OS === 'ios' ? 68 : 48,
        backgroundColor:'#FFF',
        justifyContent:'space-between',
        paddingRight:10,
        paddingTop: Platform.OS === 'ios' ? 20 : 0,
    },
    searchInput:{
        flexDirection:'row',
        alignSelf:'center',
        justifyContent: 'center',
        backgroundColor:'#F0F0F0',
        borderRadius:5,
        paddingLeft:10
    },
    searchIcon:{
        width:16,
        height:16,
        alignSelf:'center',
        justifyContent: 'center',
    },
    searchTextInput:{
        flex:1,
        fontSize:14,
        padding:Platform.OS === 'ios' ? 15 : 0,
        paddingLeft:6,
        color:'black'
    },
});

export default styles;